<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" th:href="@{/static/console/common/images/favicon.ico}">
    <link rel="stylesheet" type="text/css" th:href="@{/static/console/common/layui/css/layui.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/static/css/element/index.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/static/console/css/public1.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/static/console/datepicker/jquery-datePicker.css}" />
    <title>优化配合比</title>
    <style>
        .addModal .layui-input-inline{width: 300px;}
        .addModal .msgBox {width: 100%;height: 100%;left: 10%;bottom: inherit;overflow: auto;}
    </style>
</head>
<script th:inline="javascript">
    const seasonTypeList = [[${seasonTypeList}]]
    const materialTypeList = [[${materialTypeList}]]
    const materialList = [[${materialList}]]
    const strengthList = [[${strengthList}]]
    const dosageList = [[${dosageList}]]
</script>
<body>
<div class="layui-card">
    <div class="layui-card-body">
        <form class="layui-form" action="">
            <div class="layui-form-item">
                <div class="layui-inline">
                    <div class="layui-input-inline">
                        <select class="search-origin" lay-filter="search-origin">
                            <option th:value="${org.id}" th:text="${org.originName}" th:each="org:${orgList}"></option>
                        </select>
                    </div>
                </div>
                <div class="layui-form-item layui-inline">
                    <div class="layui-input-inline" style="width: 300px;">
                        <input type="text" placeholder="检索关键字" class="layui-input search-text">
                    </div>
                </div>
                <div class="layui-inline">
                    <div class="layui-input-inline">
                        <select class="search-strength" lay-search="" lay-filter="search-strength" style="width: 260px;">
                            <option value="">选择标号</option>
                            <option th:value="${item.id}" th:text="${item.strength}" th:each="item:${strengthList}"></option>
                        </select>
                    </div>
                </div>
                <div class="layui-inline">
                    <div class="layui-input-inline">
                        <select class="search-enable" lay-filter="search-enable">
                            <option value="">是否启用</option>
                            <option value="0">启用</option>
                            <option value="1">停用</option>
                        </select>
                    </div>
                </div>
<!--                <div class="layui-inline">-->
<!--                    <div class="layui-input-inline">-->
<!--                        <select class="search-material"  lay-search="" lay-filter="search-material">-->
<!--                            <option value="">选择材料</option>-->
<!--                        </select>-->
<!--                    </div>-->
<!--                </div>-->
                <div class="layui-form-item layui-inline">
                    <a href="javascript:void(0)" class="layui-btn layui-btn-md layui-btn-danger btn-query" lay-filter="btn-query">
                        <i class="layui-icon layui-icon-search"></i>
                        查询
                    </a>
                    <a href="javascript:void(0)" type="reset" class="layui-btn layui-btn-normal btn-add" lay-filter="btn-add">
                        <i class="layui-icon">&#xe654;</i>
                        添加
                    </a>
                    <a href="javascript:void(0)" type="reset" class="layui-btn uploadEnclosure layui-btn-normal btn-analysis" lay-filter="btn-analysis">
                        <i class="layui-icon">&#xe656;</i>
                        导入配比标准模板
                    </a>
                </div>
            </div>
        </form>
    </div>
</div>
<div class="layui-card">
    <div class="layui-card-body">
        <table class="layui-hide" id="body-list" lay-filter="body-list"></table>
    </div>
</div>
<!--添加弹窗-->
<div class="msgModal addModal" id="material-body">
    <div class="msgBox">
        <div class="msgBox-title">
            <h3 style="text-align: left; padding-left: 80px;">添加标准配合比</h3>
            <a class="close" href="javascript:void(0);"><img src="/static/console/img/close-btn.png" /></a>
        </div>
        <div class="msgBox-con">
            <form class="layui-form" style="width: 80%;">
                <fieldset class="layui-elem-field layui-field-title" style="margin-bottom: 0;">
                    <legend style="font-size: 16px;">配比信息</legend>
                </fieldset>
                <div class="layui-form-item" style="margin-bottom: 5px;">
                    <div class="layui-inline">
                        <label class="layui-form-label" style="width: 120px;">配合比代号</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input add-code" placeholder="请输入配合比代号">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label" style="width: 120px;">标号</label>
                        <div class="layui-input-inline">
                            <select class="add-strength" lay-search="" lay-filter="add-strength">
                                <option value="">选择标号</option>
                                <option th:value="${item.id}" th:data-levelId="${item.levelId}" th:text="${item.strength}" th:each="item:${strengthList}"></option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item" style="margin-bottom: 5px;">
                    <div class="layui-inline">
                        <label class="layui-form-label" style="width: 120px;">试验室代号</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input add-labCode" placeholder="请输入试验室代号">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label" style="width: 120px;">是否启用</label>
                        <div class="layui-input-inline">
                            <select class="add-enable" lay-filter="add-enable">
                                <option value="0">启用</option>
                                <option value="1">停用</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item" style="margin-bottom: 5px;">
                    <div class="layui-inline">
                        <label class="layui-form-label" style="width: 120px;">搅拌时间(每盘/秒)</label>
                        <div class="layui-input-inline">
                            <input type="text" value="30" class="layui-input add-mixTime" placeholder="请输入搅拌时间(每盘/秒)">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label" style="width: 120px;">适用季节</label>
                        <div class="layui-input-inline">
                            <select class="add-season" lay-filter="add-season">
                                <option value="">选择适用季节</option>
                                <option th:value="${item.name}" th:text="${item.name}" th:each="item:${seasonTypeList}"></option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item" style="margin-bottom: 5px;">
                    <div class="layui-inline">
                        <label class="layui-form-label" style="width: 120px;">标号最小容重</label>
                        <div class="layui-input-inline">
                            <input type="text" value="0" class="layui-input add-minDosage" placeholder="标号最小容重">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label" style="width: 120px;">标号最大容重</label>
                        <div class="layui-input-inline">
                            <input type="text" value="0" class="layui-input add-maxDosage" placeholder="标号最大容重">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item" style="margin-bottom: 5px;">
                    <div class="layui-inline">
                        <label class="layui-form-label" style="width: 120px;">容重</label>
                        <div class="layui-input-inline">
                            <input type="text" readonly value="0" class="layui-input add-volumeWeight" placeholder="配合比容重">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label" style="width: 120px;">水灰比</label>
                        <div class="layui-input-inline">
                            <input type="text" readonly value="0" class="layui-input add-ratio1" placeholder="水灰比">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item" style="margin-bottom: 5px;">
                    <div class="layui-inline">
                        <label class="layui-form-label" style="width: 120px;">砂率</label>
                        <div class="layui-input-inline">
                            <input type="text" readonly value="0" class="layui-input add-sandRate" placeholder="砂率">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label" style="width: 120px;">配合比</label>
                        <div class="layui-input-inline">
                            <input type="text" readonly class="layui-input add-mixRatio" placeholder="配合比">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item" style="margin-bottom: 5px;">
                    <div class="layui-inline">
                        <label class="layui-form-label" style="width: 120px;">密度</label>
                        <div class="layui-input-inline">
                            <input type="text" value="0" class="layui-input add-density" placeholder="密度">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label" style="width: 120px;">水胶比</label>
                        <div class="layui-input-inline">
                            <input type="text" readonly value="0" class="layui-input add-ratio2" placeholder="水胶比">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item" style="margin-bottom: 5px;">
                    <div class="layui-inline">
                        <label class="layui-form-label" style="width: 120px;">设计坍落度</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input add-designSlump" placeholder="请输入设计坍落度">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label" style="width: 120px;">实际坍落度</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input add-theorySlump" placeholder="请输入实际坍落度">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item" style="margin-bottom: 5px;">
                    <div class="layui-inline">
                        <label class="layui-form-label" style="width: 120px;">生效日期</label>
                        <div class="layui-input-inline">
                            <input type="text" readonly class="layui-input add-takeEffectDate" id="add-takeEffectDate" placeholder="请选择生效日期">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label" style="width: 120px;">检验日期</label>
                        <div class="layui-input-inline">
                            <input type="text" readonly class="layui-input add-inspectionDate" id="add-inspectionDate" placeholder="请选择检验日期">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item" style="margin-bottom: 5px;">
                    <div class="layui-inline">
                        <label class="layui-form-label" style="width: 120px;">初凝时间(分)</label>
                        <div class="layui-input-inline">
                            <input type="text" value="0" class="layui-input add-initialSettingTime" placeholder="请输入初凝时间(分)">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label" style="width: 120px;">终凝时间(分)</label>
                        <div class="layui-input-inline">
                            <input type="text" value="0" class="layui-input add-finalSettingTime" placeholder="请输入终凝时间(分)">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item layui-form-text" style="margin-bottom: 5px;">
                    <label class="layui-form-label">备注</label>
                    <div class="layui-input-block" style="margin-left: 80px;">
                        <textarea placeholder="请输入内容" class="layui-textarea remark" style="resize: none;width: 500px;"></textarea>
                    </div>
                </div>
                <fieldset class="layui-elem-field layui-field-title" style="margin-bottom: 0;">
                    <legend style="font-size: 16px;">配比明细</legend>
                </fieldset>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label" style="width: 220px;">材料类型</label>
                        <label class="layui-form-label" style="width: 320px;margin-left: 10px;">材料名称</label>
                        <label class="layui-form-label" style="width: 160px;">用量</label>
                        <label class="layui-form-label" style="width: 100px;">单位</label>
                        <a href="javascript:void(0)" type="reset" class="layui-btn layui-btn-normal btn-material-add" lay-filter="btn-add">
                            <i class="layui-icon">&#xe654;</i>
                            添加材料
                        </a>
                    </div>
                </div>
                <form>
                <div class="layui-form material-body-list">
<!--                    <div class="layui-form-item material-item0">-->
<!--                        <div class="layui-input-inline" style="width: 220px;">-->
<!--                            <select class="add-materialType0" data-value="1" lay-filter="add-materialType">-->
<!--                                <option value="">材料名称</option>-->
<!--                                <option value="0">222</option>-->
<!--                                <option value="1">333</option>-->
<!--                            </select>-->
<!--                        </div>-->
<!--                        <div class="layui-input-inline" style="width: 320px;">-->
<!--                            <select class="add-material0" lay-filter="add-material0">-->
<!--                                <option value="">材料类型</option>-->
<!--                            </select>-->
<!--                        </div>-->
<!--                        <div class="layui-input-inline" style="width: 160px;">-->
<!--                            <input type="text" class="layui-input add-used0" placeholder="用量">-->
<!--                        </div>-->
<!--                        <label class="layui-form-label" style="width: 100px;">千克</label>-->
<!--                        <a href="javascript:void(0)" type="reset" class="layui-btn layui-btn-warm btn-remove0" lay-filter="btn-edit">-->
<!--                            <i class="layui-icon layui-icon-edit"></i>-->
<!--                            移除-->
<!--                        </a>-->
<!--                    </div>-->
                </div>
                </form>
                <div class="layui-form-item" style="text-align: center;">
                    <div class="">
                        <a class="layui-btn btn-submit" lay-submit lay-filter="addBtns">保存</a>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

</body>

<script type="text/javascript" th:src="@{/static/console/assets/js/jquery-3.2.1.min.js}"></script>
<script type="text/javascript" th:src="@{/static/console/common/layui/layui.js}"></script>
<script type="text/javascript" th:src="@{/static/console/js/pages/base.js}" charset="utf-8"></script>
<script type="text/javascript" th:src="@{/static/js/vue.min.js}"></script>
<script type="text/javascript" th:src="@{/static/js/element/index.js}"charset="utf-8"></script>
<script type="text/javascript" th:src="@{/static/console/js/pages/common/process-file.js?version=202303021013}" charset="utf-8"></script>
<script type="text/javascript" th:src="@{/static/console/datepicker/jquery-datePicker.js}"charset="utf-8"></script>
<script type="text/javascript" th:src="@{/static/console/js/pages/lab/optimize.js}" charset="utf-8"></script>
<script type="text/javascript">

</script>

</html>